import React from 'react';
import { View, Text, Image, TouchableHighlight } from 'react-native';

import styles from './style';
import Images from './../../constants/images';

function QueryHelp() {
  return (
    <View style={styles.querySection}>
      <View style={styles.querySectionTitle}>
        <View style={styles.querySectionTitleL}>
          <View style={styles.querySectionVLine} />
          <Text style={styles.querySectionText}>急需帮助</Text>
        </View>
        <View style={styles.querySectionTitleR}>
          <Text>更多</Text>
        </View>
      </View>
      <View style={styles.querySectionContent}>
        <View style={styles.queryHelpContainer}>
          <View style={styles.queryHelpContainerL}>
            <Image
              style={styles.queryHelpImage}
              source={Images.query_banner_01}
            />

            <View style={styles.queryHelpInfo}>
              <View style={styles.queryHelpInfoTop}>
                <Text style={styles.queryHelpInfoName}>汽车前保险杠</Text>
                <Text style={styles.queryHelpInfoBonus}>奖金：</Text>
                <Text style={styles.queryHelpInfoPrice}>368元</Text>
              </View>
              <View style={styles.queryHelpInfoContent}>
                <Text numberOfLines={2} style={styles.queryHelpInfoContentText}>
                  一般高级轿车张电动车窗的设计,一般高级轿车张电动车窗的设计,一般高级轿车张电动车窗的设计,一般高级轿车张电动车窗的设计
                </Text>
              </View>
            </View>
          </View>
          <View style={styles.queryHelpContainerR}>
            <TouchableHighlight style={styles.queryHelpPublish}>
              <View style={styles.queryHelpPublishBtn}>
                <Text style={styles.queryHelpPublishBtnText}>发</Text>
                <Text style={styles.queryHelpPublishBtnText}>布</Text>
              </View>
            </TouchableHighlight>
          </View>
        </View>
      </View>
    </View>
  );
}

export default QueryHelp;
